<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<div id="app">
		<h1>{{msg | ltb}}</h1>
		<h1>{{msg | res}}</h1>
		<h1>{{msg | ltb | res}}</h1>
		
		<h2 :title="tit | res">我是二级标题</h2>
	</div>
	
	<script src="js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		Vue.filter('ltb',function(val){
			return val.toUpperCase()
		})
		Vue.filter('res',function(val){
			return val.split('').reverse().join('')
		})
	
		let myApp = new Vue({
			el:'#app',
			data:{
				msg:'asd',
				tit:'title'
			},
			methods:{},
			computed:{},
			watch:{
				
			},
			filters:{
				//局部过滤器
				firstword(val){
					return val.charAt(0)
				}
			}
		})
	</script>
	
	
	
</body>
</html>